/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-dic-2014, 17.16.49
    Author     : jacopo
*/

@import "_constants.scss";
@import "index.scss";

#calendarForm_calendar{
    height: percentage( $calendar_resize/100) !important;
    width: percentage($calendar_resize/100) !important;
    font-size: percentage($calendar_font_resize/100) !important;
    margin: auto;
}


#options_content{
    float: right;
    margin-right: 15px;

    .ui-menu-list , .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
        //width: percentage( $options_resize/100);
        font-size:   percentage( $options_font_resize/100);      
    }   
}


.ui-menu{
    .ui-menu-list{ 
        .ui-menuitem-link, .ui-widget-header{ 
            font-size:   percentage( $options_font_resize/100);
        }
    }
}




#events, #notifications{
    height: 50%;
    padding: 0px ;
    min-height: 310px;

    #eventForm, #notificationForm{


        .ui-datalist.ui-widget{

            .ui-datalist-content.ui-widget-content{
                border-style: hidden;

                .ui-datalist-data{
                    height: 50%;

                    .ui-datalist-item{

                        a{
                            font-size:  percentage($side_panel_resize/100);
                            text-decoration: none;
                        }

                        a:hover{
                            font-size:  percentage($side_panel_resize/100);
                            text-decoration: underline;
                        }
                    }    
                }      
            }
        }
    }


    .ui-panel-content.ui-widget-content{
        padding: 0px;
    }
}

#logo_content{
    width: 500px;
    float: left;
    margin-left: 20px;

}

#logo_date{

    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    text-align: center;

}



#sideMenu {
    border-style: hidden;
    padding: 0px;

    .ui-layout-unit-content.ui-widget-content{
        padding: inherit;
    }
}

#options_option-menu{

    font-size:   percentage( $options_font_resize/100);      

}

#search{
    @extend #options_content;
    position: absolute;
    right:5px;
    bottom: 5px;

}

#notifications_scrollPanel{

    width: 380px;
    height: 360px;

}

.bold-label{
    font-weight: bold;
}

.black-label{
    color: black;
}

.centered-text{
    padding-top: 10px;
    text-align: center;
    font-size:   percentage( $footer_font_resize/100);

    a{
        text-decoration: none;
    }
    a:hover{
        text-decoration: underline;
    }

}

.centered-header{
    text-align: center;
    h1{
        font-size: 70px;
        margin: auto;
        font-family: Copperplate / Copperplate Gothic Light, sans-serif;
    }
}


.centeredFormHight{
    @extend .centeredForm;
    margin-top: 1%;
}
